<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-sm-12">

    <div class="row ">
        <div class="col-sm-2">
            <input type="text" class="form-control"  ng-model="id" placeholder="订单编号"> 
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="refund_code" placeholder="退单号">
        </div>
      
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="trade_no" placeholder="交易号"> 
        </div>
      
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="pay_time" placeholder="支付时间"> 
        </div>
         <div class="col-sm-2">
           <ui-select ng-model="a.refund_state" theme="bootstrap" >
                <ui-select-match placeholder="退款状态">
                    {{$select.selected.name}}
                </ui-select-match>
                <ui-select-choices repeat="item.value as item in tuikuan | filter: $select.search">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
         <div class="col-sm-2 ">
            <button class="btn btn-block btn-info" ng-click="search()">搜索</button> 
        </div>
       
     </div>
        
         
    

    
</div>
</div>
</div>
<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <table class="table table-condensed table-hover table-bordered" style="display: table; width: 100%;table-layout:fixed;">
            <thead>
                <tr>
     
                    <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">订单编号</th>
                    <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">退单号</th>
                    <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">交易号</th>
                    <th style="width: 11%;text-align:center;padding-left:0px;padding-right:0px;">实际退款金额</th>
                    <th style="width: 11%;text-align:center;padding-left:0px;padding-right:0px;">实际支付金额</th>
                    <th style="width: 12%;text-align:center;padding-left:0px;padding-right:0px;">支付时间</th>
                    <th style="width: 10%;text-align:center;padding-left:0px;padding-right:0px;">退款状态</th>
                    <th style="width: 15%;text-align:center;padding-left:0px;padding-right:0px;">驳回理由</th>
                    
                    <th style="width: 10%;text-align:center;">操作</th>

                  
                   

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="info in a">
                  <td  style="width: 7% ;text-align:center;vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis" title="{{info.id}}">{{info.id}}</div></td>
                    <td  style="width: 7% ;text-align:center;vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis" title="{{info.refund_code}}">{{info.refund_code}}</div></td>
                    <td  style="width: 7%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;" title="{{info.trade_no}}">{{info.trade_no}}</div></td>
                     <td  style="width: 7% ;text-align:center;vertical-align: middle">{{info.pay_back_fee}}</td>
                    <td  style="width: 7%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align: middle">{{info.pay_fee}}</td>
                    <td  style="width: 9%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align: middle">{{info.pay_time}}</td>
                    <td  style="width: 7% ;text-align:center;vertical-align: middle">{{info.refund_state_name}}</td>
                    <td  style="width: 16%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align: middle"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.back_remarks}}">{{info.back_remarks}}</div></td>
       
   
                    <td class="text-center" style="vertical-align: middle">
                       <button type="button" class="btn btn-success btn-xs" ng-click="toinfo($index)">确认退款</button>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="text-right">
            <pagination 
        total-items="totalItems" 
        ng-model="currentPage" 
        ng-change="pageChanged()"
        previous-text="上一页" 
        next-text="下一页" 
        first-text="首页" 
        last-text="尾页" 
        max-size="5" 
        boundary-links="true"
        rotate="false"
        
        items-per-page="itemsPerPage"
        class="m-t-none m-b"></pagination>
        </div>
    </div>
</div>

</div>

